<div class="deviation-table-container">
  <table class='tab' cellspacing="0" cellpadding=0>
    <thead>
      <tr>
        <th class="first" rowspan="2">
          日期
        </th>
        <th *ngFor="let item of titles" colspan="3">
          {{ item }}（万kWh）
        </th>
      </tr>
      <tr>
        <th *ngFor="let item of titles" colspan="3">
          <ul class="ulh">
            <li>实际</li>            
            <li>预测</li>
            <li>偏差</li>
          </ul>
        </th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let item of powersList;let i=index">
        <td class="first"> {{ item.date }} </td>
        <td colspan="3" *ngFor="let farm of item.farmData;let n=index">
          <ul class="ulb">
            <li *ngFor="let power of farm.powers;let a=index">{{ power.value | number :'1.0-2' }}</li>
          </ul>
        </td>
        <!-- <td colspan="3">
          <ul class="ulb">
            <li>11</li>
            <li>11</li>
            <li>11</li>
          </ul>
        </td> -->
      </tr>
    </tbody>
  </table>
</div>

<!-- <div class="deviation-table-container">
  <p-dataTable [value]="powersList">
    <p-headerColumnGroup>
      <p-row>
        <p-column header="日期" rowspan="3"></p-column>
      </p-row>
      <p-row>
        <p-column *ngFor="let item of titles" [header]="item" colspan="3"></p-column>
      </p-row>
      <p-row>
        <span *ngFor="let item of titles">
          <p-column header="预测电量"></p-column>
          <p-column header="实际电量"></p-column>
          <p-column header="偏差"></p-column>
        </span>
      </p-row>
    </p-headerColumnGroup>

    <p-column *ngFor="let item of tableRows" [field]="item"></p-column>
  </p-dataTable>
</div> -->